<!-- eslint-disable max-len -->
<!--
 * @Description: 下载引导页
 * @Author: Kerwin
 * @Date: 2023-11-01 14:51:39
 * @LastEditTime: 2023-11-03 17:28:29
 * @LastEditors:  Please set LastEditors
-->

<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { useUserStore } from '@/store'

const userStore = useUserStore()
onLoad((option) => {})
</script>
<template>
  <view class="container">
    <!-- <u-navbar
      back-text=""
      title=""
      :title-bold="true"
      v-if="!userStore.isWeChatBrowser"
      color="#fff"
      title-color="#fff"
      :border-bottom="false"
      back-icon-color="#fff"
    ></u-navbar> -->
    <view class="content">
      <view class="ptip_container">
        点击右上角<br />
        <text class="pandroid_tip" style="visibility: visible"
          >选择在浏览器<i class="pbrowser"></i>中打开</text
        >
        <text class="pios_tip" style="display: none"
          >选择在Safari中<i class="pbrowser"></i>打开</text
        >
      </view> </view
    >>
  </view>
</template>

<style lang="scss" scoped>
.container {
  padding: 30rpx;
  background: #fff;
  line-height: 40rpx;
  min-height: 100vh;
  background: linear-gradient(180deg, #caedfe, #f4fbff);
  .ptip_container {
    &::after {
      display: block;
      content: '';
      position: absolute;
      right: -0.6rem;
      top: 0.6rem;
      width: 1.85rem;
      height: 2.625rem;
      background: url('')
        no-repeat;
      background-size: contain;
    }
  }
  .pbrowser {
    // eslint-disable-next-line max-len
    background-image: url('');
  }
}
</style>
